<!DOCTYPE html> 
<html> 
<head> 
	<!--META-->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=0.75">

	<!--CSS-->
	<link rel="stylesheet" href="API/css/themes/default/jquery.mobile.min.css" />
	<link rel="stylesheet" href="API/css/themes/default/jquery.mobile.structure.min.css" />
	<link rel="stylesheet" href="API/css/themes/default/jquery.mobile.theme.min.css" />
	<link rel="stylesheet" href="API/css/mycss.css" />
	<link rel="stylesheet" href="css/mycss.css" />
	
	<!--JS-->
	<script type="text/javascript" src="API/js/jquery.min.js"></script>
	<script type="text/javascript" src="API/js/jquery.mobile.min.js"></script>
	<script type="text/javascript" src="API/js/fonctions.js"></script>
	<script type="text/javascript" src="js/fonctions.js"></script>
	
	<script language="javascript" type="text/javascript">
		///////////////////
		//BLOCK VARIABLE GLOBAL
		///////////////////
		var id_page = 1;
		
		///////////////////
		//BLOCK FONCTIONS EVENEMENTS
		///////////////////
		$(document).on('pageinit',function() {
		    try {
				// Init commmun
				init_commun();
			
				// Init page
            }
            catch (er) {
                log(0, "ERROR(init_home):" + er.message);
            }
        });

		$(document).on('pageshow',function() {
			try {
				show_commun();
			}
			catch (er) {
				log(0, "ERROR(show):" + er.message);
			}
		});
	</script>
</head> 

<body> 

	<!-- page -->
	<div data-role="page" data-title="Titre">
	
		<!-- /panel -->
		<div data-role="panel" id="mypanel" data-display="overlay" data-position="left">

		</div>
		<!-- /panel -->
	
		<!-- header -->
		<div data-role="header" data-theme="c">
			<a href="#mypanel" data-role="button" data-icon="home" data-iconpos="notext">home</a>
			<h1 id="id_titre">titre</h1>
			<a href="javascript:window.location = ('./page_contact.html?mili='+getMilise());" data-role="button" data-icon="info" data-iconpos="notext">Contact</a>
		</div>
		<!-- /header -->

		<!-- content -->
		<div data-role="content" data-theme="c" id="main_content">
			<div data-role="collapsible" data-theme="c" data-content-theme="c" data-collapsed="false">
				<h3>Mon profile</h3>
				<div class="ui-grid-a ui-responsive">
					<div class="ui-block-a">
						<div class="ui-grid-a ui-responsive">
							<div class="ui-block-a">
								<center><img src="img/2013-05-16 16-10-17.png" alt="Photo" border="1"></center>
							</div>
							<div class="ui-block-b">
								<h1>Fabrice Rosito</h1>
								Charg&eacute; de projet - Expert Technique<br>
								Technologies et services de l'information<br>
								R&eacute;gion de Grenoble , France<br>
								33 ans, P&egrave;re et Mobile<br>
							</div>
						</div>
					</div>	
					<div class="ui-block-b">	
						<a href="http://www.linkedin.com/pub/fabrice-rosito/43/6b4/b57" target="_new">Me retrouver sous Linkedin</a><br>
						<a href="javascript:window.location = ('./page_contact.html?mili='+getMilise());">Mes Coordonn&eacute;es</a><br>
						<br>
						<hr>
						<br>
						<b>Scolarit&eacute;</b> : 2003 - Licence IUP MIAGE, UJF Grenoble<br>
						<b>Formations et certifications</b> :<br>
                                                <UL> 
                                                    <li>Mai 2013 - Formation Développement web .NET 
                                                    <li>Avril 2011 - Framework Spring 
                                                </UL>
                                                <b>Formations et certifications</b> : Avril 2011 - Framework Spring<br>
						<b>Exp&eacute;riences et comp&eacute;tences</b> : <a id= "link_passe" href="javascript:window.location = ('page_passe.html?mili='+getMilise());">15 ans en d&eacute;tails ici</a><br>
						<b>Mon CV au format plat</b> : <a id= "link_pj" href="javascript:window.location = ('page_pj.html?mili='+getMilise());">Ici</a><br>
						<br>
						<hr>
						<br>
						<b>Langues</b> : Anglais (bon niveau &eacute;crit et oral), Espagnol (correct &eacute;crit et oral)<br>
						<b>Sports</b> : Natation, Basketball<br>
						<b>Voyages</b> : Europe<br>
						<b>Diverstissements</b> : Jeux, Cinema, Musique, Sortie entre amis<br>
						<b>Implications</b> : Pr&eacute;sident du conseil Syndical de son lotissement, <a href="http://www.alpesjug.org/" target="_new" title="Le Java User Group des Alpes">JUG</a><br>
					</div>
				</div>
				<p>Comptant plus de 15 ann&eacute;es d'exp&eacute;riences dans le secteur des technologies de l'information, je poss&egrave;de un vaste savoir-faire en gestion de projets et de comptes ainsi qu'en d&eacute;veloppement, documentation, codage, modification, mise &agrave; l'essai et mise en oeuvre de solutions technologiques.
				C'est pourquoi j'ai voulu vous offrir une exp&eacute;rience me ressemblant autour de mon CV.
				</p>				
				<p>En savoir plus sur mes souhaits <a href="javascript:window.location = ('page_futur.html?mili='+getMilise());" title="Citation needed">Ici</a></p>	
			</div>	
		</div>
		<!-- /content -->
		
		<!-- footer -->
		<div data-role="footer" data-position="fixed" data-theme="c">
			<a data-role="button" data-icon="search" data-iconpos="notext" class="ui-btn-left" href="javascript:window.location = ('./page_faq.html?mili='+getMilise());">FAQ</a>
			<h1 id="id_affichageUser">User</h1>
			<a data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right" data-theme="c" href="javascript:window.location = ('./page_sortie.html?mili='+getMilise());">Logout</a>
		</div>
		<!-- /footer -->
		
	</div>
	<!-- /page -->
</body>
</html>

